<template>
  <div class="model " v-bind:style="{height:model_height +'px'}" v-show="jgshow">
    <ul class="jg_list animated slideInDown">
      <li>
        <a @click.stop="xzjg" val="1">不限</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="2">3万以下</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="3">3-5万</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="4">5-7万</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="5">7-9万</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="6">9-12万</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="7">12-16万</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="8">16-20万</a>
      </li>
      <li>
        <a @click.stop="xzjg" val="9">20万以上</a>
      </li>
    </ul>
  </div>
</template>
<style>

</style>
<script>
  export default{
    props: ['jgshow','xzjg'],
    data(){
      return {
        msg: 'hello vue'
      }
    },
    components: {},
    created: function () {
      var win_height = $(window).innerHeight();
      this.model_height = win_height - 88 - 50
    },
  }
</script>
